<template>
	<view>
		<!-- 返回首页 -->
		<uni-bankhome />
		<u-navbar :custom-back="back" :title="title"></u-navbar>
		<view class="money-wrapper">
			<rich-text class="box list yemian" :nodes="content"></rich-text>
			<!-- <div class="box list yemian" v-html="content">
				
			</div> -->
		</view>
		
	</view>
</template>

<script>
	import {
		articledet
	} from "@/api/withdrawal.js";
	import storage from "@/utils/storage.js"
	import uniLoadMore from "@/components/uni-load-more/uni-load-more.vue";
	export default {
		components: {
			uniLoadMore
		},
		data() {
			return {
				title: '',
				id: '',
				content: ''
			}
		},
		onShow() {
			
		},
		onLoad(options) {
			if (options.title) {
				this.title = options.title
			}
			if (options.id) {
				this.id = options.id
				this.getlist()
			}
		},
		
		methods: {
			// 详情
			getlist () {
				articledet(this.id).then((res) => {
					if (res.data && res.data.code == 200) {
						this.content = res.data.result.content.replace(/\<img/gi, '<img class="rich-img" ');
					}
				});
			},
			// 返回
			back () {
				uni.navigateTo({
					url: "/pages/mine/set/policy"
				})
			},
		}
	}
</script>

<style lang="scss">
	.money-wrapper {
		margin-top: 24upx;
		// display: flex;
	
		.box {
			display: flex;
			margin: 20rpx 0;
			border-radius: 20rpx;
	
			padding: 40rpx;
	
			.money {
				text-align: center;
				color: #333;
				font-size: 50rpx;
				margin: 20rpx 0 40rpx 0;
				letter-spacing: 2rpx;
			}
	
			.deposit {
				margin-top: 50rpx;
				text-align: center;
				color: #999;
				font-size: 28rpx;
	
				letter-spacing: 2rpx;
			}
		}
		.list {
			// margin-top: 40upx;
			padding: 36upx;
			display: flex;
			justify-content: center;
			align-items: center;
			background-color: #fff;
		
			.list-left {
				flex: 8;
			}
		
			.list-right {
				flex: 2;
				text-align: right;
			}
		}
	}
	.record {
		display: flex;
		justify-content: flex-end;
		.to-store-btn {
			padding: 15upx 30upx;
			margin-top: 30upx;
			margin-right: 30upx;
			color: #fff;
			border-radius: 214px;
			background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
			font-size: 22rpx;
		}
	}
	.money {
		padding: 30upx 30upx;
		.moneysss {
			border-bottom: 2upx solid #999;
		}
	}
	.moneytype{
		position: relative;
		.u-radio {
			clear: both !important;
			padding: 15upx 30upx;
		}
		.whole {
			span {
				position: absolute;
				right: 20px;
				top: 10px;
				color: #c34463
			}
		}
		.whole2 {
			span {
				position: absolute;
				right: 20px;
				top: 50px;
				color: #c34463
			}
		}
	}
	.operation-btns {
		padding: 24upx 0;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fff;
		margin-top: 30upx;
	
		.operation-btn {
			background: #ee6d41;
			color: #fff;
			height: 90rpx;
			width: 240rpx;
			margin: 0 20rpx;
			border-radius: 10rpx;
			text-align: center;
			line-height: 90rpx;
			font-size: 32rpx;
		}
	}
	.cash {
		margin-top: 15upx;
	}
</style>
<style>
	.yemian {
		min-height: 500rpx;
	}
	.yemian .rich-img {
		width: 300rpx !important;
	}
</style>
